<include file="Index:head" />
<style type="text/css">
.postiontop { border: solid 1px #d9d9d9; position: absolute; z-index: 50; width: 70%; background-color: #fff; border-radius: 3px; top: 30%; left: 20%; padding: 8px 10px; padding-top: 12px; padding-bottom: 20px; display: none; }
.postiontop h4 { font-size: 14px; line-height: 20px; font-size: 12px; text-align: center }
.postiontop .entersubmit { border: solid 1px #fa6f57; height: 24px; line-height: 24px; background-color: #fff; color: #333; border-radius: 30px; padding: 0px 10px; }
.postiontop div { position: relative; }
.postiontop div .closep { font-size: 12px; color: #fff; display: block; clear: both; position: absolute; z-index: 100; right: 0px; top: -15px; background-color: #f00; border-radius: 20px; width: 16px; height: 16px; text-align: center; line-height: 16px; cursor: pointer; }
.postiontop div span { display: block; clear: both; text-align: center; }
.postiontop div span a { border: solid 1px #fa6f57; font-size: 12px; border-radius: 10px; padding: 2px 10px; color: #333; }
.articles { background-color: #fff; overflow: hidden; clear: both; padding: 10px; margin-top:40px;}
.article_title { overflow: hidden; border-bottom: solid 1px #ccc; padding-bottom: 8px; }
.article_title h3, em { display: block; clear: both; overflow: hidden; }
.article_title h3 { line-height: 28px; font-size: 18px; color: #4d4d4d; font-weight:bold;}
.article_title em { font-size: 12px; color: #666; }
.article_title em img { width: 20px; padding-left: 10px; }
.article_content { padding: 10px 0px; padding-top: 5px; font-size: 14px; color: #666; line-height: 22px; }
.article_content img { margin: 6px 0px; width: 100%; }
.head{position:fixed; top:0px; width:100%; max-width:640px; background-color:#e71d19; color:#fff;}
.head h1{width:60%; margin:0px auto;}
.head a.hd_icn{color:#fff;}
.head a.hd_icn2{color:#fff;}
.articlevideo{overflow:hidden;}
.head a.hd_icn2 img{margin-top:12px;}
</style>
<script type="text/javascript">
$(function(){
	$(".articlevideo iframe").removeAttr("width");	
	$(".articlevideo iframe").removeAttr("height");
	$(".articlevideo iframe").removeAttr("style");
	$(".articlevideo iframe").css({"width":"100%","height":"240px"});
})
</script>

<section class="wrap"> 
  <!--head-->
  <!--<header class="head">
    <h1>{$article.title}</h1>
    <a onclick="history.go(-1);" class="hd_icn"><img src="__IMG__/leftbak1.png" style="vertical-align:middle; margin-bottom:2px;"> 返回</a>
    <if condition="$Think.cookie.user_userinfo eq ''">
    <a href='http://pay.hrtv.cn/user/chatauth?rurl=http://my.hrtv.cn/Public/login.html?url={$home}' class='hd_icn2'>登录</a>
    <else />
    <a href="http://e.hrtv.cn/uc/user/index" class='hd_icn2'><img style="width: 18px;" src="http://e.hrtv.cn/uc/assets/images/p_personalr.png"></a>
    </if>
  </header>-->
  
  <!--新增-->
  <div class="articles" style="margin-top:0px;">
    <div class="article_title">
      <h3>{$article.title}</h3>
      <em>{$article.pubdate}</em> 
    </div>
    <div class="articlevideo">{:W('Data/getvideo',array('str'=>$article['videopath']))}</div>
    <div class="article_content">{$article.content}</div>
  </div>

</section>
<!--wrap over--> 
<include file="footer" />
